<template>
	<div id="user">
		<div class="userHeader">
			<router-link class="userInfo" to="/user/userinfo">
				<img src="/src/assets/img/user/portrait.jpg" alt="">
				<p>USERNAME</p>
			</router-link>
			<div class="userTreasure">
				<div>
					<p>20000</p>
					<p>累计销售金额(元)</p>
				</div>
				<div>
					<p>20000</p>
					<p>累计销售金额(元)</p>
				</div>
			</div>
		</div>
		<div class="userOptions">
			<div class="weui-cells">
				<router-link class="weui-cell weui-cell_access" to="/user/alert">
					<div class="weui-cell__hd"><img src="/src/assets/img/user/yygm.png"></div>
					<div class="weui-cell__bd">
						<p>预约购买</p>
					</div>
					<div class="weui-cell__ft">
					</div>
				</router-link>
				<router-link class="weui-cell weui-cell_access" to="/user/reserve">
					<div class="weui-cell__hd"><img src="/src/assets/img/user/yyjl.png"></div>
					<div class="weui-cell__bd">
						<p>我的预约记录</p>
					</div>
					<div class="weui-cell__ft">
					</div>
				</router-link>

				<router-link class="weui-cell weui-cell_access" to="/user/Customer">
					<div class="weui-cell__hd"><img src="/src/assets/img/user/wdkh.png"></div>
					<div class="weui-cell__bd">
						<p>我的客户</p>
					</div>
					<div class="weui-cell__ft">
					</div>
				</router-link>
				<router-link class="weui-cell weui-cell_access" to="/user/Customer">
					<div class="weui-cell__hd"><img src="/src/assets/img/user/wdlcs.png"></div>
					<div class="weui-cell__bd">
						<p>我的理财师团队</p>
					</div>
					<div class="weui-cell__ft">
					</div>
				</router-link>
				<router-link class="weui-cell weui-cell_access" to="/home/yaoqing">
					<div class="weui-cell__hd"><img src="/src/assets/img/user/yqkh.png"></div>
					<div class="weui-cell__bd">
						<p>邀请客户</p>
					</div>
					<div class="weui-cell__ft">
					</div>
				</router-link>
				<router-link class="weui-cell weui-cell_access" to="/home/yaoqing">
					<div class="weui-cell__hd"><img src="/src/assets/img/user/yqlcs.png"></div>
					<div class="weui-cell__bd">
						<p>邀请理财师</p>
					</div>
					<div class="weui-cell__ft">
					</div>
				</router-link>
				<a class="weui-cell weui-cell_access" href="javascript:;">
					<div class="weui-cell__hd"><img src="/src/assets/img/user/gywm.png"></div>
					<div class="weui-cell__bd">
						<p>关于我们</p>
					</div>
					<div class="weui-cell__ft">
					</div>
				</a>
			</div>
		</div>
	</div>
</template>
<script>

</script>
<style scoped>
.userHeader {
	width: 100%;
	height: auto;
	background: url(/src/assets/img/user/bg.png) no-repeat top center;
	background-size: 100%;
	padding-top: .5rem;
}

.userInfo {
	width: 5rem;
	margin: 0 auto;
	text-align: center;
	display: block;
}

.userInfo img {
	border-radius: 50%;
	border: .15rem solid #FFF;
	width: 50%;
}

.userInfo p {
	width: 100%;
	color: #FFF;
	text-align: center;
}

.userTreasure {
	width: 100%;
	height: 2rem;
	background: url(/src/assets/img/user/bg1.png) no-repeat center center;
	background-size: 100%;
	display: flex;
	flex-direction: row;
}

.userTreasure div {
	width: 50%;
	height: 100%;
}

.userTreasure div p {
	height: 50%;
	text-align: center;
	color: #FFF;
	font-size: .55rem;
	display: flex;
	flex-direction: column;
}

.userOptions {
	margin-top: 1rem;
}

.userOptions p {
	padding-left: .6rem;
	font-size: .7rem !important;
}

.weui-cell__hd {
	height: 1rem;
}

.weui-cell__hd img {
	height: 1rem;
}
</style>
